<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="css/style.css"/>
		
		
		<script src="js/jquery.js"></script>
		<script src="js/jquery-ui.js"></script>

		<script src="js/model.js"></script>
		<script src="js/script.js"></script>
		<script src="js/scriptAPropos.js"></script>
		<script type="text/javascript" src="js/impress.js"></script>
	</head>
	

	<body>

		
		<div id="impress">

			<div id="slide1" class="step slide" data-x="0" data-y="0" data-scale="1">
				<div id="divCanvas">
					<div id="divButStart">
						<input id='butStart' type='button' value='[Start]'/>						
					</div>
				</div>
			</div>

			<div id="slide2" name='nosBateaux' class="step slide" data-x="400" data-y="0" data-z="-400" data-scale="1" data-rotate-y="90">	<!-- BATEAU A -->
				<img src='img/bateauA.png' />
			</div>

			<div id="slide3" name='nosBateaux' class="step slide" data-x="0" data-y="0" data-z="-800" data-scale="1" data-rotate-y="180">	<!-- BATEAU B -->
				<img src='img/bateauB.png' />
			</div>

			<div id="slide4" name='nosBateaux' class="step slide" data-x="-400" data-y="0" data-z="-400" data-scale="1" data-rotate-y="270">		<!-- BATEAU C -->
				<img src='img/bateauC.png' />
			</div>

			<div id="slide5" name='aPropos' class="step slide aPropos" data-x="0" data-y="-300" data-z="-300" data-scale="1" data-rotate-x="90">
				<div id="cacheTrou" name='aPropos'>
				</div>
				<div id="divCanvasAPropos">
					<canvas id='canvasAnimationAPropos' width='800px' height='600px'>
						Change de navigateur.
					</canvas>
				</div>
			</div>


			



			<!--<div id="overview" class="step" data-x="500" data-y="-200" data-scale="7">
				
			</div>-->
		</div>



		<div id="mySic">
			
		</div>
	</body>
</html>